<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-08-24 11:39:00
 * @LastEditTime: 2019-09-05 08:51:25
 * @LastEditors: Please set LastEditors
 -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <link rel="stylesheet" href="../css/base.css" />
  <link rel="stylesheet" href="../css/footer.css" />
  <link rel="stylesheet" href="../css/header.css" />
  <link rel="stylesheet" href="../css/list.css" />
  <link rel="stylesheet" href="../css/toPage.css">
</head>

<body>
  <div id="list_right"></div>
  <div id="list_header"></div>
  <div class="box" data-overlay-id="0"
    style="position: absolute; left: 0px; top: 0px; width: 1519px; height: 4629px; cursor: wait; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.2; z-index: 999; display: none;">
  </div>
  <div class="cpt-dlg-outer" theme="theme-a" id="dlg-1567014731555"
    style="width: 400px; position: fixed; z-index: 1000; left: 50%; margin-left: -200px; top: 150px;">
    <div class="dlg-holder">
      <table cellspacing="0" cellpadding="0" border="0">
        <thead>
          <tr>
            <th class="header-holder">
              <div class="dlg-header">
                <h2 class="dlg-title no-icon"></h2><a class="dlg-close">×</a>
              </div>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="content-holder">
              <div class="dlg-content" style="height: auto;">
                <div class="dlg-alert success"><i class="alert-ico"></i>
                  <div class="min">加入购物车成功!</div>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td class="footer-holder">
              <div class="dlg-footer"><button type="button">确定</button></div>
            </td>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
  <div id="main">
    <div class="box-content clearfix">
      <div class="crumbs">
        <a href="###">蔚蓝网</a>

        <span>&gt;&nbsp;</span><a href="###">图书</a>

        <span>&gt;&nbsp;</span><a href="###">小说</a>

        <span>&gt;&nbsp;</span><a href="###">科幻小说</a>
      </div>
      <div class="search-wrapper clearfix">
        <div class="sort-infor">
          <div class="bookClassify" style="display: block; margin-bottom: 25px;">
            <h3>商品分类</h3>
            <ul id="categoriesTree" class="ztree">
              <li id="categoriesTree_1">
                <span id="categoriesTree_1_switch" class="button  switch root_close">
                </span>

                <span id="categoriesTree_1_span">图书</span>

                <ul id="categoriesTree_1_ul" style="display: none; padding-left: 18px">
                  <li id="categoriesTree_2">
                    <span id="categoriesTree_2_switch" class="button level1 switch bottom_close root_close"></span>

                    <span id="categoriesTree_2_span">小说</span>
                    <ul id="categoriesTree_2_ul" style="display: none ;padding-left: 18px;">
                      <li id="categoriesTree_3">
                        <span id="categoriesTree_3_switch" class="button switch bottom_docu root_close"></span>

                        <span id="categoriesTree_3_span">科幻小说</span>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="sellers">
            <h3>蔚蓝热卖</h3>
            <div class="sellers-list clearfix">

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="环太平洋">
                      <img src="../images/picture/8336776.jpg" alt="环太平洋">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="环太平洋">环太平洋</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥39.8</del>
                  <span class="red">￥34.6</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="克苏鲁神话-II">
                      <img src="../images/picture/8138009.jpg" alt="克苏鲁神话-II">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="克苏鲁神话-II">克苏鲁神话-II</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥29.8</del>
                  <span class="red">￥26.8</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="南极的斯芬克斯-凡尔纳经典译著">
                      <img src="../images/picture/8383597.jpg" alt="南极的斯芬克斯-凡尔纳经典译著">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="南极的斯芬克斯-凡尔纳经典译著">南极的斯芬克斯-凡尔纳经典译著</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥48.0</del>
                  <span class="red">￥33.1</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="末日风暴">
                      <img src="../images/picture/8277472.jpg" alt="末日风暴">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="末日风暴">末日风暴</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥78.0</del>
                  <span class="red">￥51.5</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="秘境之匣">
                      <img src="../images/picture/7567784.jpg" alt="秘境之匣">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="秘境之匣">秘境之匣</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥22.8</del>
                  <span class="red">￥11.4</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###"
                      title="2018（刘慈欣中短篇小说集，其中包括《2018》《超新星纪元》《白垩纪往事》等经典获奖作）         刘慈欣：单枪匹马把中国科幻提升到水平。小米雷军鼎力。">
                      <img src="../images/picture/8350048.jpg"
                        alt="2018（刘慈欣中短篇小说集，其中包括《2018》《超新星纪元》《白垩纪往事》等经典获奖作）         刘慈欣：单枪匹马把中国科幻提升到水平。小米雷军鼎力。">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###"
                      title="2018（刘慈欣中短篇小说集，其中包括《2018》《超新星纪元》《白垩纪往事》等经典获奖作）         刘慈欣：单枪匹马把中国科幻提升到水平。小米雷军鼎力。">2018（刘慈欣中短篇小说集，其中包括《2018》《超新星纪元》《白垩纪往事》等经典获奖作）
                      刘慈欣：单枪匹马把中国科幻提升到水平。小米雷军鼎力。</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥32.0</del>
                  <span class="red">￥20.2</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="吸血鬼女王-失盗之夜-第二部">
                      <img src="../images/picture/8259250.jpg" alt="吸血鬼女王-失盗之夜-第二部">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="吸血鬼女王-失盗之夜-第二部">吸血鬼女王-失盗之夜-第二部</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥33.8</del>
                  <span class="red">￥26.1</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###"
                      title="海伯利安         （与《银河帝国》并称为科幻文学不可逾越的两座，囊括所有科幻重要奖项的奇迹之作。雨果奖提名插图，由美国插画师Gary Ruddell授权。）">
                      <img src="../images/picture/8361972.jpg"
                        alt="海伯利安         （与《银河帝国》并称为科幻文学不可逾越的两座，囊括所有科幻重要奖项的奇迹之作。雨果奖提名插图，由美国插画师Gary Ruddell授权。）">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###"
                      title="海伯利安         （与《银河帝国》并称为科幻文学不可逾越的两座，囊括所有科幻重要奖项的奇迹之作。雨果奖提名插图，由美国插画师Gary Ruddell授权。）">海伯利安
                      （与《银河帝国》并称为科幻文学不可逾越的两座，囊括所有科幻重要奖项的奇迹之作。雨果奖提名插图，由美国插画师Gary Ruddell授权。）</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥59.0</del>
                  <span class="red">￥40.4</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="艾比斯之梦">
                      <img src="../images/picture/8463093.jpg" alt="艾比斯之梦">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="艾比斯之梦">艾比斯之梦</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥36.0</del>
                  <span class="red">￥27.1</span>
                </p>
              </div>

              <div class="sellers-item">
                <div>
                  <div class="sellers-img">
                    <a target="_blank" class="bk-img-box" href="###" title="世界尽头的灯塔-凡尔纳经典译著">
                      <img src="../images/picture/8383598.jpg" alt="世界尽头的灯塔-凡尔纳经典译著">
                    </a>
                  </div>
                  <div class="sellers-detail"><a href="###" title="世界尽头的灯塔-凡尔纳经典译著">世界尽头的灯塔-凡尔纳经典译著</a></div>
                </div>
                <p class="sellers-price">
                  <del>￥28.0</del>
                  <span class="red">￥19.3</span>
                </p>
              </div>

            </div>
          </div>
        </div>
        <div class="book-infor">
          <!--{按价格搜索 start}-->
          <div class="search-condition">
            <div class="byPrice">
              价格:<span class="active" begin="" end="">不限</span>
              <span begin="0" end="5">0-5元</span>
              <span begin="5" end="10">5-10元</span>
              <span begin="10" end="15">10-15元</span>
              <span begin="15" end="20">15-20元</span>
              <span begin="20" end="30">20-30元</span>
              <span begin="30" end="50">30-50元</span>
              <span begin="50" end="99999">50元以上</span>
            </div>
            <!--{按价格搜索 end}-->
            <!--{按折扣搜索 start}-->
            <div class="byDiscount">
              折扣:<span class="active" begin="" end=''>不限</span>
              <span begin="0" end="10">0-1折</span>
              <span begin="20" end="30">2-3折</span>
              <span begin="30" end="40">3-4折</span>
              <span begin="40" end="50">4-5折</span>
              <span begin="50" end="60">5-6折</span>
              <span begin="60" end="70">6-7折</span>
              <span begin="70" end="100">7折以上</span>
            </div>
            <!--{按折扣搜索 end}-->
            <!--{按条件排序 start}-->
            <div class="terms-sort clearfix">
              <div class="sort-classfiy clearfix" id="J_sortHolder">
                <a class="noborder">排序：</a>
                <a order="volume" nub='1' class="down activeup">销量</a>
                <a order="popularity" nub='1' class="down">人气</a>
                <a order="price" nub='1' class="down">价格</a>
                <a order="discount" nub='1' class="down">折扣</a>
                <a order="booktime" nub='1' class="down">出版时间</a>

                <p class="model clearfix" id="list_pic" style=" border: 1px solid #e6e6e6; margin-left: 10px;">
                  <a class=" list-text  list-pic" id="list1"></a>
                  <span class="gap">|</span>
                  <a class="list-text " id="list2"></a>
                </p>
              </div>
              <div class="jump clearfix">
                <a id="J_pageUp" href="javascript:;" class="left"></a>
                <a></a>
                <a id="J_pageDown" href="javascript:;" class="right"></a>
              </div>
            </div>
          </div>
          <div id="J_template" class="clearfix">
            <!-- <div class="search-book-item"> <a target="_blank" href="https://www.wl.cn/8198215">
                <div class="search-book-img bk-img-box"> <img src="http://img.wl.cn/s/8215/8198215/8198215.jpg"
                    alt="就业、利息和货币通论" style="height: 100%;"> </div> <em class="search-book-detail">就业、利息和货币通论</em>
              </a>
              <p class="search-book-price red">￥16.4（<span>50折</span>）</p>
              <div>
                <p class="btn clearfix"> <a class="buy-btn" data-wlid="8198215"></a> <a href="javascript:;"
                    data="8198215" class="save-btn J_addFav"></a> </p>
              </div>
            </div> -->


            <!-- <div class="search-book-list bookList-text clearfix"> <a href="details.html" 
              target="_blank">
                <div class="bookList-text-img bk-img-box"> <img alt="水浒传:青少版:无障碍阅读注音白话彩图版"
                    src="http://img.wl.cn/s/6102/8686102/8686102.jpg" style="height: 100%;"> </div> <em
                  class="bookList-text-title">水浒传:青少版:无障碍阅读注音白话彩图版</em>
              </a>
              <p class="bookList-text-infor"><a href="details.html" target="_blank"> </a><a target="_blank"
                  href="###">施耐庵原著</a>
                <span>著</span> <span class="bookList-text-publish">中央编译出版社</span> <span
                  class="bookList-text-isbn">9787511729248</span> <span class="bookList-text-time">2016-03-01
                  00:00:00</span> </p>
              <p class="bookList-text-detail">
                《水浒传》是中国历第一部用古白话文写成的歌颂农民起义的长篇章回体小说小说，它以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
              </p>
              <p class="bookList-text-price"> 蔚蓝价：<span class="red">13</span> 定价：<del>26</del> <span
                  class="lightRed">省：<em>13.00</em></span> </p>
              <div>
                <p class="btn bookList-text-btn clearfix"> <a target="_blank" class="buy-btn" data-wlid="8648288"></a>
                  <a href="javascript:;" data="8648288" class="save-btn J_addFav"></a> </p>
              </div>
            </div> -->
          </div>

          <div style="width: 100%">
            <div class="page_1"></div>
          </div>
        </div>
      </div>

    </div>
  </div>
  </div>
  <div id="list_footer"></div>

</body>
<script src="../lib/jquery-1.10.1.min.js"></script>
<script src="../lib/jquery.cookie.js"></script>
<script src="../js/toPage.js"></script>
<script src="../js/common.js"></script>
<script src="../js/list.js"></script>


</html>